<template>
  <div
    :class="[select_node_border_cla]"
    :id="select_node_border_id + id_split + props.id"
  >
    <div
      :class="[select_node_view_selected_cla, css_wind_light]"
      :id="select_node_view_selected_id + id_split + props.id"
    >
      未选中
    </div>
    <div
      :class="[select_node_content_cla, css_disnone]"
      :id="select_node_content_id + id_split + props.id"
    >
      <div
        :class="[select_node_quick_func_border_cla, css_wind_light]"
        :id="select_node_quick_func_border_id + id_split + props.id"
        v-prograss_bar
      >
        <div
          :class="[select_node_quick_func_select_all_cla]"
          :id="select_node_quick_func_select_all_id + id_split + props.id"
        >
          全选
        </div>
        <div
          :class="[select_node_quick_func_restart_select_cla]"
          :id="select_node_quick_func_restart_select_id + id_split + props.id"
        >
          重选
        </div>
      </div>
      <div
        :class="[
          select_node_content_uni_items_border_cla,
          select_node_content_uni_items_border_grid_cla,
          css_wind_light,
        ]"
        :id="select_node_content_uni_items_border_id + id_split + props.id"
        :style="style_var_prop_grid_cloumn_num + ': 2'"
      >
        <slot></slot>
      </div>

      <button
        :class="select_node_content_uni_items_conform_cla"
        :id="select_node_content_uni_items_conform_id + id_split + props.id"
      >
        确认
      </button>
    </div>
  </div>
</template>

<script setup>
import { onMounted } from 'vue';
import './select_node.css';
import {
  css_disnone,
  css_wind_light,
  id_split,
} from '../../DataDefine/sourceData';
import {
  select_node_border_cla,
  select_node_border_id,
  select_node_content_cla,
  select_node_content_id,
  select_node_content_uni_items_border_cla,
  select_node_content_uni_items_border_grid_cla,
  select_node_content_uni_items_border_id,
  select_node_content_uni_items_conform_cla,
  select_node_content_uni_items_conform_id,
  select_node_quick_func_border_cla,
  select_node_quick_func_border_id,
  select_node_quick_func_restart_select_cla,
  select_node_quick_func_restart_select_id,
  select_node_quick_func_select_all_cla,
  select_node_quick_func_select_all_id,
  select_node_view_selected_cla,
  select_node_view_selected_id,
  style_var_prop_grid_cloumn_num,
} from './DataDefine/sourceData';
import { init_sn } from './select_node';
let props = defineProps({
  id: String,
  keyVal_prefix: String,
  only_one: Boolean,
});
onMounted(() => {
  init_sn(props);
});
</script>

<style scoped lang="scss"></style>

<style></style>
